Adding Style

Question:

Start Quiz:

Solution:

INSTRUCTOR NOTE:

Note: Students are not yet expected to replace the "Image" text in the screenshot div with an actual image element. We'll be doing that later on in Adding Image.

Note The "text" placeholder in the description div can be replaced with the following:

In ac ipsum quis turpis adipiscing commodo. <em>Mauris fermentum quam</em> in risus eleifend fringilla. Aliquam placerat, ipsum sit amet cursus rhoncus, augue mi tincidunt erat, et consequat velit massa a velit. Cras eleifend lectus nec diam ornare, eu placerat mi ultricies. Etiam tempor iaculis feugiat. Ut tincidunt tempus libero non convallis. Morbi consequat eros eget elit porta porta. Curabitur placerat eros dui, vitae lobortis sapien laoreet ac. Maecenas a lacus diam. Morbi ante lectus, ornare sed suscipit at, tempus elementum purus. Suspendisse sodales hendrerit pharetra. Integer odio risus, convallis eu egestas ad, venatis nec leo. ac ipsum quis turpis adipiscing commodo. <em>Mauris fermentum quam</em> in risus eleifend fringilla. <a href="#">Aliquam placerat</a>, ipsum sit amet cursus rhoncus, augue mi tincidunt erat, et consequat velit massa a velit. Cras eleifend lectus nec diam ornare, eu placerat mi ultricies. Etiam tempor iaculis feugiat. Ut tincidunt tempus libero non convallis. Morbi consequat eros eget elit porta porta. Curabitur placerat eros dui, vitae lobortis sapien laoreet ac. Maecenas a lacus diam. Morbi ante lectus, ornare sed suscipit at, tempus elementum purus. Suspendisse sodales hendrerit pharetra. Integer odio risus, convallis eu egestas ac, venenatis nec leo.

Note: The html file tab you see in the video has the title "app.html", but please continue to use the file name "index.html" for your file as described earlier in the Creating the Files course node.

Note: While <link rel="stylesheet" type="text/css" href="style.css">
is referenced roughly halfway through the video as the way to link your "style.css" stylesheet; the Udacity Front-End Web Developer Style Guide recommends omitting type="text/css" from the tag. The correct link tag coding is:
<link rel="stylesheet" href="style.css">

Correction to Solution Video: As you have not yet added a CSS rule for description to your style.css file, the HTML will appear unchanged.

Next Concept